<template>
    <div id="__nuxt">
        <!---->
        <div id="__layout">
            <div>
                <div class="user floatLeft width100">
                    <div class="userBanner floatLeft width100"
                        style="background-image: url(&quot;../../assets/images/nullnull-1603104310397.jpg&quot;);">
                        <!-- <div class="userBa font20"><span>&lt; 去购物</span> <img src="../../assets/images/myBag.9b2e825.png" alt="">
                          
                        </div> -->
                        <!---->
                        <ul class="userBgTit floatLeft">
                            <li class="none userBgTitImg"><img alt="" class="width100" style="border-radius:50%"></li>
                            <li class="block userBgTitImg"><img
                                    src="../../assets/images/logo-rect.png" alt=""
                                    class="width100" style="margin-top:26%"></li>
                        </ul>
                        <div class="userBgName width100"><span
                                class="userBgNa width100 colorF textCenter floatLeft textBold font32 none"></span> <span
                                class="userBgNa width100 colorF textCenter floatLeft textBold font32 block">16623352527</span>
                        </div>
                        <ul class="userBgShopping bgColorFFF">
                            <li style="border:none">
                                <router-link to="/home/checkout" style="color:#000">
                                    <span class="floatLeft userBgHulImg userBgHulImg01"></span>
                                    <p class="floatLeft userBgHulTit width100 font28" >购物车</p>
                                </router-link >
                            </li>
                            <li><a href="/favoritesBag" style="color:#000"><span
                                        class="floatLeft userBgHulImg favouriteImg"></span>
                                    <p class="floatLeft userBgHulTit width100 font28">收藏夹</p>
                                </a></li>
                            <li><a href="javascript:;" style="color:#000"><span
                                        class="floatLeft userBgHulImg userBgHulImg02"></span> <i></i>
                                    <p class="floatLeft userBgHulTit width100 font28">积分商城</p>
                                </a></li>
                            <!---->
                            <li><span class="floatLeft userBgHulImg userBgHulImg03"></span>
                                <p class="floatLeft userBgHulTit width100 font28">会员卡</p>
                            </li>
                        </ul>
                    </div>
                    <div class="userBgLun floatLeft width100 none">
                        <div class="mint-swipe myswipe">
                            <div class="mint-swipe-items-wrap"></div>
                            <div class="mint-swipe-indicators"></div>
                        </div>
                    </div>
                    <div class="userBg floatLeft width100" style="margin-top:1.25rem">
                        <div class="userBgN floatLeft">
                            <div num="1" id="orderAll" class="orderAl floatLeft borderBottomF0">
                                <div class="orderAllD floatLeft"><img src="../../assets/images/Myorder.cbb3b59.png" alt=""
                                        class="floatLeft"> <span class="font28">我的订单</span></div>
                                <div class="orderAR floatRight"><span class="floatLeft font28">查看全部订单</span> <img
                                        src="../../assets/images/L.cf277a9.png" alt="" class="floatLeft"></div>
                            </div>
                            <ul class="floatLeft userBgHul">
                                <li num="WaitingPay" style="border:none"><span
                                        class="floatLeft userBgHulImg userBgHulImg01"><span
                                            class="userBgHulNum userBgHulNone colorF font20">0</span></span>
                                    <p class="floatLeft userBgHulTit width100 font28">待付款</p>
                                </li>
                                <li num="WaitingShipment"><span class="floatLeft userBgHulImg userBgHulImg02"><span
                                            class="userBgHulNum userBgHulNone colorF font20">0</span></span>
                                    <p class="floatLeft userBgHulTit width100 font28">待发货</p>
                                </li>
                                <li num="WaitingReceive"><span class="floatLeft userBgHulImg userBgHulImg03"><span
                                            class="userBgHulNum userBgHulNone colorF font20">0</span></span>
                                    <p class="floatLeft userBgHulTit width100 font28">待收货</p>
                                </li>
                                <li num="4"><span class="floatLeft userBgHulImg userBgHulImg04"></span>
                                    <p class="floatLeft userBgHulTit width100 font28">退货/售后</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="bgColorFFF floatLeft width100"><a href="/user/myPoints"
                            class="borderBottomF0 orderAlll floatLeft">
                            <div class="orderAllD floatLeft"><img src="../../assets/images/Mypoints.6fa1f74.png" alt=""
                                    class="floatLeft" style="width:.35rem"> <span class="font28 colorW">我的积分</span>
                            </div>
                            <div class="orderAR floatRight"><img src="../../assets/images/L.cf277a9.png" alt=""
                                    class="floatLeft"></div> <img src="../../assets/images/NEW.1c58dcb.png" alt="" class="new">
                        </a>
                        <div class="borderBottomF0 orderAlll floatLeft">
                            <div class="orderAllD floatLeft"><img src="../../assets/images/Mycoupon.b273a39.png" alt=""
                                    class="floatLeft" style="width:.35rem;margin-top:.05rem"> <span
                                    class="font28 colorW">我的优惠券</span></div>
                            <div class="orderAR floatRight"><img src="../../assets/images/L.cf277a9.png" alt=""
                                    class="floatLeft"></div>
                        </div>
                        <div class="borderBottomF0 orderAlll floatLeft">
                            <div class="orderAllD floatLeft"><img src="../../assets/images/zuji_icon.0ab49a4.png" alt=""
                                    class="floatLeft" style="width:.35rem;margin-top:.05rem"> <span
                                    class="font28 colorW">我的足迹</span></div>
                            <div class="orderAR floatRight"><img src="../../assets/images/L.cf277a9.png" alt=""
                                    class="floatLeft"></div>
                        </div>
                        <div 
                            class="borderBottomF0 orderAlll floatLeft"
                            @click="fnAddress()"
                        >


                            <div class="orderAllD floatLeft" ><img src="../../assets/images/Myadd.097fd09.png" alt=""
                                    class="floatLeft" style="width:.35rem"> <span class="font28 colorW" >收货地址</span>
                            </div>
                            <div class="orderAR floatRight"><img src="../../assets/images/L.cf277a9.png" alt=""
                                    class="floatLeft"></div>
                            <div class="orderAT colorCCC font26 floatRight"><img src="../../assets/images/T.a1fe7d3.png" alt=""
                                    class="floatLeft">
                                完善收货地址
                            </div>
                        </div>
                        <div class="borderBottomF0 orderAlll floatLeft">
                            <div class="orderAllD floatLeft"><img src="../../assets/images/Mydata.594da60.png" alt=""
                                    class="floatLeft" style="width:.35rem"> <span class="font28 colorW">更新资料</span>
                            </div>
                            <div class="orderAR floatRight"><img src="../../assets/images/L.cf277a9.png" alt=""
                                    class="floatLeft"></div>
                            <div class="orderAT colorCCC font26 floatRight"><img src="../../assets/images/T.a1fe7d3.png" alt=""
                                    class="floatLeft">
                                完善个人资料
                            </div>
                        </div>
                        <div class="borderBottomF0 orderAlll floatLeft">
                            <div class="orderAllD floatLeft"><img src="../../assets/images/Cservice.0bf5ed7.png" alt=""
                                    class="floatLeft" style="width:.35rem"> <span class="font28 colorW">客服帮助</span>
                            </div>
                            <div class="orderAR floatRight"><img src="../../assets/images/L.cf277a9.png" alt=""
                                    class="floatLeft"></div>
                        </div>
                        <div class="borderBottomF0 orderAlll floatLeft">
                            <div class="orderAllD floatLeft"><img src="../../assets/images/custom.e4eb8ca.jpg" alt=""
                                    class="floatLeft" style="width:.35rem"> <span class="font28 colorW">顾客服务</span>
                            </div>
                            <div class="orderAR floatRight"><img src="../../assets/images/L.cf277a9.png" alt=""
                                    class="floatLeft"></div>
                        </div>
                        <div class="orderAlll floatLeft">
                            <div class="orderAllD floatLeft"><img
                                    src="../../assets/images/Myorder.cbb3b59.png"
                                    alt="" class="floatLeft" style="width:.28rem"> <span
                                    class="font28 colorW">用户服务协议及隐私政策</span></div>
                            <div class="orderAR floatRight"><img src="../../assets/images/L.cf277a9.png" alt=""
                                    class="floatLeft"></div>
                        </div>
                    </div>
                    <div class="userBgBut floatLeft width100 none"><a href=""><img src="" alt="" class="width100"></a>
                    </div>
                    <div class="floatLeft font32 userTu width100 block"><span>退出登录</span></div>
                    <div class="tankuang">
                        <div class="tishiT textCenter floatLeft width100 bgColorBlack colorF font32">提示</div>
                        <div><a href="tel:4008628888" class="tishiTit textCenter floatLeft width100 font32"
                                style="color:#000;font-size:.4rem">客服热线:400-862-8888</a></div>
                        <div class="but floatLeft colorF font32 width100"><span
                                class="bgColorBlack textCenter floatRight">关闭</span></div>
                    </div>
                    <!---->
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        computed:{

        },
        methods: {
            // 点击收货地址  跳转 地址页面
            fnAddress() {
                this.$router.push({
                    path:'/home/addressManage'
                })
            }
        },
    }
</script>

<style lang="scss" scoped>
@import url(../../assets/css/default.css);
@import url(../../assets/css/user.css);
</style>